﻿
@{
    ViewBag.Title = "打卡记录";
    Layout = "~/Views/Shared/_Index.cshtml";
}
<div class="place">
    <span>位置：</span>
    <ul class="placeul">
        <li><a href="#">首页</a></li>
        <li><a href="#">打卡记录</a></li>
    </ul>
</div>
<div class="formbody">
    <ul class="seachform">
        <li>
            <label>开始日期:</label>
            <input type="text" class="dfinput Wdate" id="StartDate" style="height:34px" placeholder="开始日期" onFocus="WdatePicker()" value="@DateTime.Now.AddDays(-7).ToString("yyyy-MM-dd")" />
        </li>
        <li>
            <label>结束日期:</label>
            <input type="text" class="dfinput Wdate" id="EndDate" style="height:34px" placeholder="结束日期" onFocus="WdatePicker()" value="@DateTime.Now.ToString("yyyy-MM-dd")" />
        </li>
        <li>
            <label>昵称:</label><input name="" type="text" class="dfinput" id="NickName" />
        </li>

        <li>
            <label>&nbsp;</label>
            <input name="" id="ok" type="button" class="scbtn" value="查询" />
            <label>&nbsp;</label>
            <input name="" id="export" type="button" class="scbtn" value="导出EXCEL" onclick="fnExport()" />
        </li>
    </ul>


</div>
<div class="table-content">
    <table id="table" class="tablelist"></table>
</div>

<script type="text/javascript">
    $(function () {

        var $table = $('#table'), $ok = $('#ok');
        $ok.click(function () {
            $table.bootstrapTable('refresh');
        });
        function queryParams(params) {
            $('#toolbar').find('input[name]').each(function () {
                params[$(this).attr('name')] = $(this).val();
            });
            params["NickName"] = $("#NickName").val();
            params["StartDate"] = $("#StartDate").val();
            params["EndDate"] = $("#EndDate").val();
            return params;
        }

        function responseHandler(res) {
            return res.rows;
        }
        $('#table').bootstrapTable({
            url: '/NewRecord/GetNewAccessRecord',
            //url: '/api/Document/GetList',
            pagination: true,
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10],        //可供选择的每页的行数（*）
            //search: true,   //是否显示表格搜索，此搜索是客户端搜索
            striped: true,
            queryParams: queryParams,
            //responseHandler:responseHandler,
            toolbar: "#toolbar",
            columns: [{
                field: 'Number',
                title: '序号',
                align: 'center',
                width: 50,
                formatter: function (value, row, index) {
                    //return index + 1;
                    var pageSize = $('#table').bootstrapTable('getOptions').pageSize;//通过表的#id 可以得到每页多少条
                    var pageNumber = $('#table').bootstrapTable('getOptions').pageNumber;//通过表的#id 可以得到当前第几页
                    return pageSize * (pageNumber - 1) + index + 1;//返回每条的序号： 每页条数 * （当前页 - 1 ）+ 序号
                }
            }, {
                field: 'DepartName',
                title: '部门名称'
            }, {
                field: 'RoleName',
                title: '职位'
            },
                {
                    field: 'NickName',
                    title: '员工姓名'
                },
                  {
                      field: 'CreateDate',
                      title: '开门日期'
                  },
            {
                field: 'WorkOnTime',
                title: '上班时间'
            }, {
                field: 'WorkDownTime',
                title: '下班时间'
            }]
        });
      
    })

    function fnExport() {
        window.open("../NewRecord/ExcelImport")
    }



</script>
